.ddsmoothmenu {
    padding-top: 34px;
    margin: 0 -15px 0 0;
    float: right;
    font-size: 14px;
    line-height: 18px;
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}

    .ddsmoothmenu ul {
        list-style-type: none;
        /*position: absolute;
        left: -9999px;*/
        z-index: 5000;
        position: absolute;
    }

        /*Top level list items*/
        .ddsmoothmenu ul li {
            padding-top: 1px;
            float: left;
        }

    .ddsmoothmenu li {
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
    }
    /*Top level menu link items style*/
    .ddsmoothmenu ul li a {
        display: block;
        padding: 5px 15px;
        color: #ddd;
        margin-left: 0;
    }

    * html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
        display: inline-block;
    }

        .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
            color: white;
            float: none;
        }

        .ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
            background: #585858 url(images/bg_nav_hover.jpg);
            color: white;
        }

        .ddsmoothmenu ul li a:hover {
            /*background of menu items during onmouseover (hover state)*/
            background: #585858 url(images/bg_hover.jpg);
        }
        
    /*1st sub level menu*/
    .ddsmoothmenu ul li ul {
        position: absolute;
        left: 0;
        display: none; /*collapse all sub menus to begin with*/
        visibility: hidden;
       
        background: #585858 url(images/bg_dark.jpg);
    }

        /*Sub level menu list items (undo style from Top level List Items)*/
        .ddsmoothmenu ul li ul li {
            display: list-item;
            float: none;
            background: #585858 url(images/bg_hover.jpg);
        }
       
            /*All subsequent sub menu levels vertical offset after 1st level sub menu */
            .ddsmoothmenu ul li ul li ul {
                top: 0;
            }

            /* Sub level menu links style */
            .ddsmoothmenu ul li ul li a {
               
                width: 180px; /*width of sub menus*/
                padding: 5px;
                margin: 0;
                border-top-width: 0;
                border-bottom: 1px solid gray;
                color: #fff;
                background: #585858 url(images/bg_nav_hover.jpg);
            }
             .ddsmoothmenu ul li ul li a:hover{
            
            background: #585858 url(images/bg_dark.jpg);
        }

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
    height: 1%;
}
/*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
    position: absolute;
    top: 12px;
    right: 7px;
    background-image: none;
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { /*shadow for NON CSS3 capable browsers*/
    position: absolute;
    left: 5;
    top: 0;
    width: 0;
    height: 0;
    background: silver; 
    z-index:5000;  
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
}

.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
    opacity: 0.8;
    box-shadow: 0 2px 5px rgba(105, 108, 109, 0.7), 0 0 8px 5px rgba(208, 223, 226, 0.4) inset;
}
